<template>
  <div>
    <!-- 
      声明式导航：利用router-link这个组件标签来实现导航的方式就叫声明式导航
      总结：router-link最终渲染出来的还是a标签
            选中的导航对应渲染出来的a标签中自带有激活类名(我们就可以通过这个类名设置高亮效果)
            to属性最终渲染成a标签的href属性
     -->
    <!-- <a href="#/find">发现音乐</a> |
    <a href="#/my">我的音乐</a> |
    <a href="#/friend">朋友</a> -->
    <router-link to="/find">发现音乐</router-link> |
    <router-link to="/my">我的音乐</router-link> |
    <router-link to="/friend">朋友</router-link>
    <!-- 7、设置挂载点 -->
    <router-view></router-view>
  </div>
</template>